@import "../common/_common.scss";
.recommend{
    width: $px1190;
    margin: 0 auto 20px;
    background-color: $cfff;
    .tabs{
          height: 38px;
          line-height: 36px;
          border-bottom: 3px solid #f0f0f0;
        li{
          float: left;
          font-size:$px16;
          padding: 2px 68px 0 68px;
          background: url(../../img/line.jpg) no-repeat right 8px;
          cursor: pointer;  
        }
        .active{
             border-bottom: 3px solid $fedStdColor_l5;
            font-weight: bolder;
        }
    }
    .box{        
        .reco{
            padding:25px 4px;
            background-color:#fff;
            ul{ padding-left: 2px;}
            li.item{                
                width: 150px;
                padding:0 23px;
                float:left;
                .title{
                    height:36px;
                    display:inline-block;
                    overflow: hidden;
                }
                .mprice{
                    color: $c999;
                    text-decoration:line-through;
                }
                img{
                    margin-bottom: 10px;
                    height: 150px;
                    width: 150px;
                }
            }

        }
        .group{
            padding-top:$px16;
            background-color:$cfff;  
            position: relative;
            .selectgroup{
                padding:0px 20px 13px;
                span{
                    display: inline-block;
                    padding:0 5px;
                    cursor: pointer;

                }

                span.on{
                    color: #dba400;
                }
            }
            ul{ padding:0 6px;}
            li.item{
                width: 150px;
                padding:0 23px 20px;
                float:left;
                position: relative;
                .title{
                    height:36px;
                    display:inline-block;
                    overflow: hidden;
                    padding-top: 2px;
                }
                .mprice{
                    color: $c666;
                    text-decoration:line-through;
                }
            }
            li.item.add{
                padding:0;
                width: auto;
                span{
                    display: inline-block;                    
                    color: #cbcbcb;
                    margin:50px 5px;
                    font-size:32px;
                }

            }

            .total{
                position: absolute;
                right: 30px;                
                span.equl{
                    display: inline-block;
                    width: 13px;
                    height: 16px;                    
                    margin:50px 0 0 0;
                    float: left;
                    font-size:32px;
                    color: #cbcbcb;
                }
                .content{
                    padding-top:20px;                    
                    padding-left:60px;
                    color: #999999;
                    .btn{
                        background-color: #0093ff;
                        width: 160px;
                        height: 34px;
                        border:none;
                        cursor: pointer;
                    }
                }
            }
        }
    }
}
.jdone-icon{
    width:24px;
    height: 24px;
    background: url(../../img/jd-icon.png) no-repeat;
    position: absolute;
    top:0;
    left: 30px; 
}


.clr-red{
    color: #e60012;
}

#tabone{ display: none}

#conlist{ margin-left: -10px;position: relative;}

.recommend .totalPrice{
    
    background:#fff9e5;
    text-align:right;

    color:#999;
    vertical-align: top;
    span{
        display: inline-block;
        line-height: 45px;
        height: 45px;
        vertical-align: middle;        
    }
    .btn{
        background-color: #0093ff;
        width: 160px;
        height: 45px;
        border: none;
        cursor: pointer;
        margin-left: 30px;
    
    }
}